<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>查询数据表中数据</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="../../../component/pear/css/pear.css" />
    <link rel="stylesheet" href="../../../style/wangeditor.css">
    <link rel="stylesheet" href="../../../style/index.css">
</head>

<body>
    <div id="app" v-cloak>
        <div class="add">
            <div class="header">
                <span>查询{{nodeKey}}中数据(只读)</span>
            </div>
            <div class="main" style="padding: 0 15px; display: flex;flex-direction: column;">
                <!-- 配置属性, 目前仅支持 单主表 多子表 结构 -->
                <el-table v-if="isUpdate" tooltip-effect="dark" height="100%" border v-loading="loading" :data="tableData" style="margin-top: 20px;">
                    <el-table-column width="60" align="center" type="index" label="序号"></el-table-column>
                    <el-table-column v-for="(item,index) in colunmData" :key="index" :prop="item.COLUMN_NAME" show-overflow-tooltip :label="item.COLUMN_NAME" min-width="250">
                        <template v-slot="{row}">
                            {{JsonString(row[item.COLUMN_NAME])}}
                        </template>
                    </el-table-column>
                </el-table>
                <el-pagination style="margin: 10px 0;flex-shrink: 0;padding: 0; border: none;" :current-page="form.Page" :page-size="form.Limit"
                    :page-sizes="[100, 200, 300, 500, 1000]" layout="total, sizes, prev, pager, next, jumper"
                    :total="Total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
            </div>
            <div class="footer">
                <el-button size="medium" @click="handleBack">返回</el-button>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../../utils/wangeditor.js"></script>
    <script type="text/javascript" src="../../../utils/xlsx.full.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../utils/components.js"></script>
    <script type="text/javascript" src="../../../utils/compressor.js"></script>
    <script type="text/javascript" src="../../../utils/validity.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="../../../utils/http.js"></script>
    <script type="text/javascript" src="js/show.js"></script>
</body>

</html>